@charset "utf-8";

/**

 * ***** common *****

 */

/* layout */

* {box-sizing: border-box;}

body {font-family: PingFangSC-Regular, sans-serif;font-size: 14px;color: #596172;}

button,

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;}

button {background-color: transparent;}

img {max-width: 100%;}

ul, h1, h2, h3, h4, h5, h6 {margin: 0}

input::-webkit-input-placeholder{color:#949FB7}

input::-moz-placeholder{color:#949FB7}

input:-moz-placeholder{color:#949FB7}

input:-ms-input-placeholder{color:#949FB7}

input:focus {border-color: #f00;}

select::-ms-expand{ display: none; }

select{

    appearance:none;  

    -moz-appearance:none;  

    -webkit-appearance:none;

    background: url(../images/icons/bg_select.png) right 10px center no-repeat;

	line-height: 1.42857143!important;

}

textarea {resize:none}



/* 载入网页字体 */

@font-face {

	font-family: 'DIN-Medium';

	src: url('../fonts/DIN-Medium.otf');

	font-style: normal;

}



.visible-xs,

.hidden {display: none;}

.overflow {overflow: hidden;}

.inline {display: inline-block;}

.list-word li:after,

.list-mistakes .check:after {content:"\200B";display:block;height:0;clear:both; } 





.warning {animation: breathe 1s infinite;-webkit-animation: breathe 1s infinite;}
@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(1)}}


@-webkit-keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(1)}}


@-moz-keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(1)}}


@-o-keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(1)}}


/* 5等分 */

.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5,

.col-lg-4-5,.col-md-4-5,.col-sm-4-5,.col-xs-4-5 {float:left;min-height:1px;padding-left:15px;padding-right:15px;position:relative}

.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5 {width: 20%}

.col-lg-4-5,.col-md-4-5,.col-sm-4-5,.col-xs-4-5 {width: 80%}



/* layout */

.container-mid {max-width: 842px;margin: 0 auto;}

.h10 {height: 10px}

.padding-20-15 {padding: 20px 15px}

.padding-t-20 {padding-top: 20px;}

.padding-b-40 {padding-bottom: 40px;}

.padding-20 {padding: 20px}

.padding-22 {padding: 22px}

.padding-0-20 {padding: 0 20px}

.padding-20-0 {padding: 20px 0}
.padding-20-57 {padding: 20px 57px}

.padding-top-20 {padding-top: 20px;}

.padding-24 {padding: 24px}

.padding-35 {padding: 35px}

.padding-40 {padding: 40px}

.padding-40-60 {padding: 40px 60px}

.padding-60-0 {padding: 60px 0}

.padding-60-20 {padding: 60px 20px}

.padding-60-40 {padding: 60px 40px}

.padding-0-60 {padding: 0 60px}

.margin-0-auto {margin: 0 auto}

.margin-t-20 {margin-top: 20px;}

.margin-r-20 {margin-right: 20px;}

.margin-b-100 {margin-bottom: 100px;}



/* color */

a {color: #596172;text-decoration: none;}

a:hover,

a:focus {color: #FF8C32;text-decoration: none;}

.red {color: #FF5252;}

.green {color: #1BA74B;}

.box-shadow {box-shadow: 0 5px 32px rgba(10, 31, 68, .1);border-radius: 4px;}

.list-mistakes .check:after,

.info-statistics a:after {content:"\200B";display:block;height:0;clear:both; } 

/* icons */

.iconfont,

.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;}

.icon-checkin {width: 32px;height: 32px;background-image: url(../images/icons/checkin.png);}

.icon-gold {width: 32px;height: 32px;background-image: url(../images/icons/gold.png);}

.icon-result-success {width: 150px;height: 154px;background-image: url(../images/icons/resultsuccess.png);}

.icon-result-nothing {width: 188px;height: 188px;background-image: url(../images/icons/nothing.png);}


.icon-warning {width: 32px;height: 29px;background-image: url(../images/icons/warning.png);}



/* btn */

.btn {padding: 3px 12px;font-size: 15px;line-height: 30px;color: #fff;}

.btn-hollow {color: #2B313D;border: none;}

.btn-hollow:hover {color: #fc9f6b;}

.btn-hollow:focus {box-shadow: none;}

.btn-default {color: #949FB7;border-color: #D9DDE7;}

.btn-primary {color: #fff;background-color: #639;border-color: #639;}

.btn-primary:hover,

.btn-primary:active,

.btn-primary:active:focus,

.btn-pink:hover {color: #fff;background-color: #fc9f6b;border-color: #fc9f6b;}

.btn-warning {background-color: #FF8C32;}

.btn-pink {color: #fff;background-color: #FF6376;border-color: #FF6376;}

.btn.red {color: #DD2727;background:rgba(221,39,39,.05);border: 1px solid #DD2727}

.btn.red.active,

.btn.red:hover {color: #DD2727;background:rgba(221,39,39,.25);border: 1px solid #DD2727}

.btn.orange {color: #FFAD0D;background:rgba(255,173,13,.05);border: 1px solid #FFAD0D}

.btn.orange.active,

.btn.orange:hover {color: #FFAD0D;background:rgba(255,173,13,.25);border: 1px solid #FFAD0D}

.btn.emerald {color: #00865A;background:rgba(0,134,90,.05);border: 1px solid #00865A}

.btn.emerald.active,

.btn.emerald:hover {color: #00865A;background:rgba(0,134,90,.25);border: 1px solid #00865A}

.btn.blue {color: #0D55CF;background:rgba(13,85,207,.05);border: 1px solid #0D55CF}

.btn.blue.active,

.btn.blue:hover {color: #0D55CF;background:rgba(13,85,207,.25);border: 1px solid #0D55CF}

.btn-sm {padding-top: 0;padding-bottom: 0;font-size: 13px;line-height: 30px;}

.btn-sml {padding: 0 30px;}

.btn-midss {padding: 6px 20px}

.btn-mids {padding: 6px 32px}

.btn-mid {padding: 6px 65px}

.btn-lg {padding: 6px 100px;font-size: 16px}

.btn-radius {border-radius: 50px;}

.btn-list .btn {margin: 0 20px;}

.btn-group-interval {font-size: 0}

.btn-group-interval .btn {margin: 0 10px;}

.btn-group-width4 .btn {min-width: 84px;padding-left: 18px;padding-right: 18px;}



/* form */

.form-group:after,

.paper .item .title:after,

.word-dictate .word-info:after {content:"\200B";display:block;height:0;clear:both; }

.form-control {font-size: 16px;color: #2B313D;}

.form-control:focus{border-color:#FF8C32;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,50,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,50,.6)}

select.form-control {padding-right: 24px;background-image: url(../images/icons/bg_select.png);}

.fieldset {line-height: 44px;color: #2B313D;}

.form-label {position: relative;float: left;width: 80px;margin-bottom: 0;line-height: 44px;color: #949FB7;font-weight: normal;}

.form-label.space2 span {letter-spacing: 31px;}

.form-label.space2-en span {letter-spacing: 10px;}

.form-label.space3 span {letter-spacing: 8px;}

.control-block {padding-left: 90px;}

.form-inline {display: inline-block;width: auto;}

.form-control {height: 44px;line-height: 38px;font-size: 15px}

form label.error {font-size: 14px;line-height: 24px;color: #639;}

/* 分割线 */

.dividing-line {width: 100%;height: 2px;margin: 40px 0;background-color: #D9DDE7;}

/* 宽度定义 */

form[wid240] .form-label {width: 240px;}

form[wid240] .control-block {padding-left: 250px;}

form[wid100] .form-label {width: 100px;}

form[wid100] .control-block {padding-left: 110px;}

form[wid50] .form-label {width: 50px;}

form[wid50] .control-block {padding-left: 60px;}

.form-sm .form-label {padding: 6px 0;line-height: 20px;}

.form-sm .form-label .assist {display: block;}

.form-sm .form-control {height: 32px;line-height: 20px;}

.form-sm .check {line-height: 32px;}

.form-sm .check-box i {margin-top: 7px;}

.form-group-inline {display: inline-block;}

.form-btn-group {font-size: 0}

.form-btn-group .btn {margin: 0 10px}



/* 字数限制 */

.textarea-statistics {position: relative;}

.textarea-statistics textarea {padding-bottom: 30px;}

.textarea-statistics #countRemaining {position: absolute;bottom: 10px;right: 10px;font-size: 12px;line-height: 18px;color: #949FB7;}



/* 颜色 */

.color-normal .form-label {color: #596172;}



/* tips */

.tips {font-size: 15px;line-height: 30px;color: #596172;}

.show_study_end{font-size: 15px;line-height: 30px;color: #596172;}

/* check */

.check {margin-bottom: 0;margin-right: 40px;cursor: pointer;font-weight: normal;}

.check.width-primary {min-width: 86px;}

.check input {display: none;}

.check i {float: left;width: 18px;height: 18px;margin-top: 7px;margin-right: 8px;border: 2px solid #c9ced6;}

.check-box i {border-radius: 3px;}

.check-box input:checked + i {background: url(../images/icons/checkboxed.png) no-repeat;background-size: cover;border: none}

.check-box.purple i {border-color: #fff;}

.check-box.purple input:checked + i {background-image: url(../images/icons/checkboxedpurple.png);}

.check-radio i {position: relative;border-radius: 50%;}

.check-radio input:checked + i {border-color: #009aff;}

.check-radio input:checked + i:after {content: '';display: block;position: absolute;top: 3px;left: 3px;width: 8px;height: 8px;background-color: #009aff;border-radius: 50%;}

.check-radio.pink input:checked + i {border-color: #ff6376;}

.check-radio.pink input:checked + i:after{background-color: #ff6376;}



/* table */

.table.text-center th {text-align: center;}

.table>thead>tr>th{font-size: 16px;line-height: 40px;color: #596172;border-width: 1px}

.table>tbody>tr>td {font-size: 15px;line-height: 36px;color: #2B313D;}



/* title */

.title-first h3 {position: relative;margin: 0;padding-left: 22px;font-size: 22px;line-height: 52px;color: #FF8C32;}

.title-first h3:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 6px;height: 100%;background:linear-gradient(87deg,rgba(253,93,120,1) 0%,rgba(252,166,84,1) 60%,rgba(254,163,77,1) 100%);}

.title-simple {font-size: 20px;line-height: 32px;color: #FF8C32;}

.title-line {margin: 38px 0;text-align: center;}

.title-line h3 {display: inline-block;position: relative;font-size: 28px;line-height: 37px;color: #FF8C32;}

.title-line h3:before,

.title-line h3:after {content: '';display: block;position: absolute;top: 18px;width: 92px;height: 2px;background: url(../images/title_line.png) no-repeat;}

.title-line h3:before {left: -118px}

.title-line h3:after {right: -118px;}

.title-second.border-bottom {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #D9DDE7}

.title-second h3 {font-size: 26px;line-height: 36px;color: #596172;}

.title-echarts h3 {color: #2B313D;font-size: 24px;line-height: 33px}

.title-small h3 {font-size: 20px;line-height: 30px;color: #596172;text-align: center;font-weight: 700;font-family:"YouYuan" }



/* tabs */

/* 带边框 */

.nav-tabs.border {border: none;}

.nav-tabs.border>li {margin-bottom: 0;margin-left: 23px;}

.nav-tabs.border>li>a {display: block;margin-right: 0;padding: 0 18px;font-size: 12px;line-height: 32px;color: #949FB7;border: 1px solid #D9DDE7;border-radius: 4px;}

.nav-tabs.border>li>a:hover,

.nav-tabs.border>.active>a,

.nav-tabs.border>.active>a:hover {color: #FF8C32;background-color: #fef8ed;border-color: #FF9F00;}

/* 简约 */

.nav-tabs.simple {border: none;}

.nav-tabs.simple>li>a {display: block;margin-right: 30px;font-size: 16px;line-height: 32px;color: #596172;border: none}

.nav-tabs.simple>li>a:hover,

.nav-tabs.simple>li>a:focus {color: #FF8C32;border: none;text-decoration: none;}

.nav-tabs.simple>.active>a {font-size: 20px;color: #FF8C32;background-color: transparent!important}



/* pagination */

.pagination li a {margin: 0 2px;color: #333;border-radius: 3px;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #FF8C32;border-color: #FF8C32;}

.pagination-sm a {height: 30px;}

.pagination-sm .iconfont {font-size: 12px;line-height: 18px;}

.pagination .ellipsis a,

.pagination .jump a{border: none}

.pagination .ellipsis a:hover,

.pagination .jump a:hover {background: none;cursor: default;}

.pagination .jump {margin-left: 10px;font-size: 12px;line-height: 30px;}

.pagination .jump input {width: 36px;margin: 0 5px;padding: 0 5px;text-align: center;border: 1px solid #ddd;border-radius: 3px;}



/* laydate */

.layui-laydate .layui-laydate-content .layui-this {background-color: #FF8C32!important}

.layui-laydate-header i:hover, .layui-laydate-header span:hover,

.layui-laydate-footer span:hover {color: #FF8C32!important;}



/* 背景渐变 */

.gradient-black {

    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);

    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/    

    background:#737374;

    background:-moz-linear-gradient(top, #000, #737374);  

    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));  

    background:-o-linear-gradient(top, #000, #737374); 

}

/* body背景 */

.body-bg {position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;

	background: -webkit-linear-gradient(#f5f5f6, #f6e8d8);

	background: -o-linear-gradient(#f5f5f6, #f6e8d8);

	background: -moz-linear-gradient(#f5f5f6, #f6e8d8);

	background: linear-gradient(#f5f5f6, #f6e8d8);

}



/* 渐变动画 */

.main-menu .info,

.main-menu .info-statistics,

.main-menu .fast-course li,

#btnMenuFold .iconfont,

.layer-content #btnCloseLayer .iconfont,

.swiper-report .swiper-button-prev,

.swiper-report .swiper-button-next,

.word-list-card .item,

.word-list-card .item *,

.word-study .word-next {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}



/* 垂直居中 */

.middle-box{display: table;margin:0 auto; position:relative;}

.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}

.middle-inner p{position:relative; *top:-50%; *left:-50%;}



.full-height {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}



/**

 * ***** header *****

 */

.header {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 70px;background:linear-gradient(90deg,rgba(253,93,120,1) 0%,rgba(252,166,84,1) 44%,rgba(254,163,77,1) 100%);box-shadow: 0 0 1rem rgba(0,0,0,.4);}

.header .logo {height: 70px;padding: 0}

.header .logo .middle-box {height: 100%;}

.header .logo img {width:240px}

.nav li {float: left;margin-right: 10px;}

.nav li a {display: block;padding: 0 14px;font-size: 16px;line-height: 70px;color: #fff;}

.nav>.active a,

.nav>li>a:focus, .nav>li>a:hover {background-color: rgba(255, 255, 255, .16);}



/**

 * ***** banner *****

 */



/**

 * ***** main *****

 */

.main {margin: 98px 0 15px;}

.main .row {position: relative;}

.main-menu {padding-right: 10px;overflow: hidden;}

.main-menu .info {position: relative;padding: 23px 0 26px;border-bottom: 1px solid #D9DDE7;cursor: pointer;}

.main-menu .info .avatar {float: left;width: 40px;height: 40px;margin-right: 16px;border-radius: 50%;}

.main-menu .info h4 {margin: 0;line-height: 22px;color: #2b313d;}

.main-menu .info p {margin: 0;font-size: 14px;line-height: 20px;color: #596172;}



/* main-header */

.main-header {position: relative;padding: 19px;border-bottom: 1px solid #D9DDE7;}

.main-header .btn,

.main-header .info {position: absolute;top: 19px;}

.main-header .btn {left: 19px;}

.main-header .info {right: 19px;font-size: 14px;line-height: 32px;color: #949FB7;}

.main-header .info strong {display: inline-block;font-family: 'DIN-Medium';font-size: 32px;font-weight: normal;}

.main-header .title {font-size: 24px;line-height: 32px;color: #FF8C32;}



/* 左侧菜单折叠 */

.main-menu.fold {position: absolute;top: 0;left: 15px;z-index: 9;width: 30px;padding-right: 0;}

.main-menu.fold .info,

.main-menu.fold .info-statistics,

.main-menu.fold .fast-course>li:not(:last-child) {height: 0;margin: 0;padding: 0;border: none;overflow: hidden;}

.main-menu.fold .fast-course a {padding: 0}

.main-menu.fold #btnMenuFold .iconfont {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

#mainContent.expand {padding-left: 55px;}



.main-content {background-color: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1);overflow: hidden;}



/* 左侧菜单统计 */

.info-statistics {margin: 16px 0;text-align: left;}

.info-statistics li {display: inline-block;margin: 0 0 0 32px;/* float: left;margin-left: 54px; */}

.info-statistics li:first-child {margin-left: 0;}





@media (max-width: 1200px) {


	.info-statistics li {margin-left: 20px;}


}

.info-statistics a {display: block;}

.info-statistics .iconfont {float: left;margin-right: 10px;font-size: 32px;height: 32px;} 

.info-statistics p {float: right;margin-bottom: 0;font-size: 16px;line-height: 32px;}

.fast-course {line-height: 50px;}

.fast-course>li {margin-bottom: 16px;overflow: hidden;background-color: #F6F6F7;border: 1px solid #D9DDE7;border-radius: 5px;}

.fast-course .active,

.fast-course>li:hover,

.fast-course>li:hover>a {color: #FF8C32;background-color: #fff;}

.fast-course .active .iconfont,

.fast-course>li:hover .iconfont,


.fast-course .active a span {color: #FF8C32;}

.fast-course>li>a {display: block;position: relative;padding: 0 15px 0 50px;}

.fast-course>li ul {display: block;padding: 0 0px;font-size: 12px;}

.fast-course>li li {border-top: 1px solid #D9DDE7}

.fast-course>li ul a {display: block;position: relative;padding: 15px 0 15px 35px;line-height: 24px;}


.fast-course>li ul a.warning:before {content: '';display: block;position: absolute;top: 17px;left: 10px;width: 22px;height: 20px;background: url(../images/icons/warning.png) no-repeat;background-size: cover;}

.fast-course .iconfont {position: absolute;top: 0;left: 15px;font-size: 20px;color: #939eb6;}

.fast-course .iconFriendsIcon {font-size: 17px}

.fast-course .iconmore {left: auto;right: 15px}

#btnMenuFold {height: 30px;line-height: 30px;}

#btnMenuFold .iconfont {left: 50%;margin-left: -10px;}

.p_icon {content: '';display: block;position: absolute;left: 22px;width: 22px;height: 20px;background: url(../images/icons/picon.png) no-repeat;background-size: cover;}


/* 个人中心弹窗 */

.user-menu {display: none;position: absolute;top: 92px;left: 0;z-index: 2;width: 75%;background-color: #fff;box-shadow:0px 14px 30px 0px rgba(0,0,0,0.14);}

.user-menu li:first-child:before {content: '';display: block;position: absolute;top: -10px;left: 10px;z-index: 2;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 10px solid #fff;font-size: 0;line-height: 0;}

.user-menu li {font-size: 14px;line-height: 46px;color: #596172;border-top: 1px solid #F6F6F6}

.user-menu .iconfont {float: left;margin-left: 16px;margin-right: 8px;color: #939eb6;font-size: 18px}

.user-menu .iconxiayibu {float: right;font-size: 20px;color: #e2e5ed;}

.user-menu a {display: block;}

.user-menu a:hover .iconfont {color: #FF8C32;}



/* 主区header */

.main-content-header {border-bottom: 1px solid #D9DDE7;}

.main-content-header li {float: left;}

.main-content-header a {display: block;position: relative;padding: 0 16px;line-height: 44px;color: #949FB7;}

.main-content-header .iconfont {margin-right: 4px;font-size: 20px;line-height: 44px;}

.main-content-header .active a,

.main-content-header a:hover {color: #FF8C32;}

.main-content-header .active a:after,

.main-content-header a:hover:after {content: '';display: block;position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background-color: #FF8C32;}

.main-content-box {position: relative;padding: 37px;background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;}

.main-content-box.bg1 {min-height: 700px;background-image: url(../images/bg1.png);}

.main-content-box.bg2 {min-height: 700px;background-image: url(../images/bg2.png);}

.main-content-box #btnExitStudy {position: absolute;top: 16px;right: 40px;padding: 0 10px;font-size: 16px;line-height: 30px;color: #596172;}

.main-content-box #btnExitStudy:hover {color: #FF8C32;}

/* 背景菜单 */
.main-content-bgmenu {position: relative;margin-top: 37px;min-height: 500px;background: url(../images/bg_main_menu.png) center / cover no-repeat;}
.main-content-bgmenu .item {position: absolute;display: block;background-repeat: no-repeat;background-size: 100% 100%;}
.main-content-bgmenu .item .btn {position: absolute;top: 0;left: 0;height: 42px;padding: 0 25px;font-size: 16px;line-height: 36px;background: url(../images/icons/bg_cartoon.png) no-repeat;background-size: 100% 100%;vertical-align: top;}
.main-content-bgmenu .item:hover .btn {color: #FF8C32;}

.main-content-bgmenu .electronic {left: 27.06%;top: 10%;width: 47.08%;height: 70.48%;background-image: url(../images/electronic.png);}
.main-content-bgmenu .desktop {left: 27.06%;top: 26.53%;width: 56.54%;height: 63.01%;background-image: url(../images/desktop.png);}
.main-content-bgmenu .computer {left: 42.9%;top: 15.48%;width: 20.02%;height: 38.30%;background-image: url(../images/computer.png);}
.main-content-bgmenu .computer:hover {background-image: url(../images/computer_h.png);}
.main-content-bgmenu .computer {left: 42.9%;top: 15.48%;width: 20.02%;height: 38.30%;background-image: url(../images/computer.png);}
.main-content-bgmenu .computer:hover {background-image: url(../images/computer_h.png);}
.main-content-bgmenu .books {left: 59.29%;top: 30.92%;width: 11.44%;height: 12.6%;background-image: url(../images/books.png);}
.main-content-bgmenu .books:hover {background-image: url(../images/books_h.png);}
.main-content-bgmenu .cactus {left: 31.57%;top: 41.44%;width: 8.25%;height: 19.9%;background-image: url(../images/cactus.png);}
.main-content-bgmenu .cactus:hover {background-image: url(../images/cactus_h.png);}
.main-content-bgmenu .ipad {left: 42.29%;top: 55.63%;width: 15.4%;height: 15.09%;background-image: url(../images/ipad.png);}
.main-content-bgmenu .ipad:hover {background-image: url(../images/ipad_h.png);}
.main-content-bgmenu .paintedboard {left: 55.28%;top: 46.5%;width: 15.4%;height: 15.09%;background-image: url(../images/paintedboard.png);}
.main-content-bgmenu .paintedboard:hover {background-image: url(../images/paintedboard_h.png);}

.main-content-bgmenu .books .btn {left: 30%}
.main-content-bgmenu .cactus .btn {top: -20%;left: -50%}
.main-content-bgmenu .paintedboard .btn {top: 10%;left: 10%}

/* login */

.login-container {background: url(../images/bg_login.png) no-repeat;background-size: cover;}

.login-container .middle-box {width: 100%;height: 100%}

.login-box {width: 360px;height: 492px;}

.login-box .form-control:focus {border-color: #fd7f76;}

.login-box label {width: 100%;line-height: 32px;color: #fff;text-align: left;}

.login-box .form-control {height: 42px;padding: 6px 30px;line-height: 30px;border-radius: 5px;box-shadow: 0 15px 20px rgba(0,0,0,.1) ;}

.login-box button {margin-top: 20px;box-shadow: 0 15px 20px rgba(0,0,0,.1) ;}



/* 单元列表 */

.list-unit li {float: left;width: 20%;margin-left: 0;}

.list-unit li:nth-child(4n+1) {margin-left: 0;}

.list-unit a {display: block;position: relative;border: 3px solid transparent;border-radius: 8px;overflow: hidden;}

.list-unit .active a,

.list-unit a:hover {border: 3px solid #FF8C32;}

.list-unit .completed a:before {content: '';position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background-color: rgba(255,255,255,0);}

.list-unit .completed a:after {content: '';position: absolute;top: 0;left: 0;z-index: 3;width: 54px;height: 56px;background: url(../images/completed.png) no-repeat;background-size: cover;}

.list-unit .completedwtg a:after {content: '';position: absolute;top: 0;left: 0;z-index: 3;width: 54px;height: 56px;background: url(../images/completedwtg.png) no-repeat;background-size: cover;}

.list-unit .completedytg a:after {content: '';position: absolute;top: 0;left: 0;z-index: 3;width: 54px;height: 56px;background: url(../images/completedytg.png) no-repeat;background-size: cover;}

.list-unit .img-content {overflow: hidden;}

.list-unit .img-content img {width: 100%}

.list-unit p {position: absolute;bottom: 0;left: 0;width: 100%;height: 32px;margin-bottom: 0;text-align: center;font-size: 20px;line-height: 32px;color: #fff;background-color: rgba(255,140,50,.4);}



/* 选课菜单 */

.menu-course li {line-height: 40px;}

.menu-course a {position: relative;display: block;padding: 0 20px;color: #596172;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 1px;}

.menu-course ul {display: none;padding-left: 20px}

.menu-course ul a {font-size: 14px;color: #949FB7;}

.menu-course .active ul {display: block;}

.menu-course .active>a,

.menu-course a:hover {color: #fff;background-color: #FF9F00}

.menu-course .iconfont {position: absolute;top: 0;right: 12px;}



/* 搜索 */

#formSearch,

#formSearchWord {position: relative;width: 500px;font-size: 14px;line-height: 38px;}

#formSearch input,

#formSearchWord input {width: 100%;padding: 0 27px;border: 2px solid #D9DDE7;border-radius: 22px;}

#formSearch button,

#formSearchWord button {position: absolute;top: 7px;right: 7px;width: 28px;height: 28px;font-size: 14px;line-height: 28px;color: #fff;background-color: #FF9F00;border-radius: 50%;}



/* 课程列表 */

.list-course {text-align: center;}

.list-course .item {margin-top: 24px;}

.list-course a {display: block;position: relative;}

.list-course img {display: block;width: 100%;margin-bottom: 15px;box-shadow: 0 0 20px rgba(0,0,0,.3);}

.list-course .book-name {position: absolute;top: 35px;left: 0;width: 100%;padding: 10px;text-align: center;font-weight: 700;color: #6eaaaa;}





.list-course .course-poster {position: relative;}


.list-course .middle-box {position: absolute;top: 50%;left: 0;/* transform: translateY(-50%); */width: 100%;height: 100%;padding: 5px;margin-top: -20px;}

.list-course span {display: inline-block;padding: 0 13px;font-size: 12px;line-height: 22px;color: #949FB7;border: 1px solid #D9DDE7;border-radius: 4px;}

.list-course .active span,

.list-course a:hover span {color: #FF8C32;background-color: #fef8ed;border-color: #FF9F00;}

.list-course a:hover img {box-shadow: 0 0 20px rgba(255,159,0,.5);}



/* 测试圆形进度条 */

.school-progress {position: absolute;top: 37px;right: 37px;}

.school-progress .interval {padding: 0 26px;font-size: 24px;line-height: 100px;color: #2B313D;}

.school-progress p {margin-top: 5px;color: #596172;}



/* 设置 */

.nav-setting {border-bottom: none;}

.nav-setting li {float: none;margin-bottom: 1px;}

.nav-setting li a {display: block;padding: 0 18px;line-height: 56px;}

.nav-setting li a:hover,

.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover  {color: #FF8C32;border-color: transparent;background-color: #F9F9F9}



/* 学习报告 */

.swiper-report {position: relative;z-index: 9;}

.swiper-report .swiper-container {padding-bottom: 20px;}

.swiper-report .scroll-content {max-height: 340px;overflow-y: auto;}

.swiper-report .swiper-pagination-bullet {width: 10px;height: 10px;}

.swiper-report .swiper-pagination-bullet-active {background-color: #FF8C32}

.swiper-report .swiper-button-prev,

.swiper-report .swiper-button-next {z-index: 9;height: 48px;margin-top: 24px;-moz-background-size: 54px 48px;-webkit-background-size: 54px 48px;background-size: 54px 48px;}

.swiper-report .swiper-button-prev {left: -10px;background-position-x: left;background-image: url(../images/icons/prev.png);}

.swiper-report .swiper-button-next {right: -10px;background-position-x: right;background-image: url(../images/icons/next.png);}

.swiper-report .swiper-button-prev:hover {background-position-x: right;}

.swiper-report .swiper-button-next:hover {background-position-x: left;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {cursor: not-allowed;pointer-events: auto}



/* 单词卡片 */

.word-list-card .item {position: relative;min-height: 148px;margin-bottom: 30px;padding: 19px;border: 1px solid #D9DDE7;border-radius: 8px;cursor: pointer;

	animation: flipres 1s;

	-moz-animation: flipres 1s;

	-webkit-animation: flipres 1s;

	-o-animation: flipres 1s;

}

.word-list-card .item.flip {

	animation: flip 1s;

	-moz-animation: flip 1s;

	-webkit-animation: flip 1s;

	-o-animation: flip 1s;

}

@keyframes flipres{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(-90deg)}

	100% {transform: rotateY(0deg)}

}

@-moz-keyframes flipres{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(-90deg)}

	100% {transform: rotateY(0deg)}

}

@-webkit-keyframes flipres{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(-90deg)}

	100% {transform: rotateY(0deg)}

}

@-o-keyframes flipres{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(-90deg)}

	100% {transform: rotateY(0deg)}

}

@keyframes flip{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(90deg)}

	100% {transform: rotateY(0deg)}

}

@-moz-keyframes flip{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(90deg)}

	100% {transform: rotateY(0deg)}

}

@-webkit-keyframes flip{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(90deg)}

	100% {transform: rotateY(0deg)}

}

@-o-keyframes flip{

	0% {transform: rotateY(0deg)}

	50% {transform: rotateY(90deg)}

	100% {transform: rotateY(0deg)}

}



.word-list-card .word {font-size: 36px;line-height: 50px;color: #FF8C32;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.word-list-card span {font-size: 16px;line-height: 22px;color: #949FB7;}

.word-list-card span:before {content: '';margin-right: 3px;}

.word-list-card span:after {content: '';margin-left: 3px;}

.word-list-card .middle-box,

.word-list-card .middle-inner {width: 100%;height: 98px;display: block;}

.word-list-card .deacom {position: absolute;bottom: 15px;right: 15px;padding: 5px;font-size: 24px;color: #FEA34D;line-height: 24px;cursor: pointer;}

.word-list-card .deacom:hover {color: #FD5D78;font-weight: bolder}



/* 单词PK赛事 */

.list-pk {font-size: 17px;line-height: 44px;}

.list-pk li {padding: 20px 0;border-bottom: 2px solid #D9DDE7;}

.list-pk .name {position: relative;padding-left: 16px;}

.list-pk .name:before {content: '';position: absolute;top: 18px;left: 0;width: 8px;height: 8px;background-color: #596172;border-radius: 50%;}

.list-pk .iconfont {float: left;margin-right: 5px;font-size: 26px;color: #FF7A2C;}

.list-pk span {display: inline-block;margin-right: 30px;}



/* 排行榜 */

.table.ranking {margin-top: 20px;}

.table.ranking th {font-weight: normal;}

.table.ranking td {color:rgba(43,49,61,.5);}

.table.ranking tr:nth-child(1) td {color: #FF6376;}

.table.ranking tr:nth-child(2) td {color: #FF9F00;}

.table.ranking tr:nth-child(3) td {color: #38CA5E;}

.table.ranking td span {display: inline-block;}

.table.ranking td .iconfont {float: right;margin-left: 3px;font-size: 20px}



/* 商城 */

.list-mall {padding: 32px 119px}

.list-mall .col-sm-4 {margin-top: 66px;padding: 0 30px}

.list-mall .col-sm-4:nth-child(1),

.list-mall .col-sm-4:nth-child(2),

.list-mall .col-sm-4:nth-child(3) {margin-top: 0;}

.list-mall a {display: block;padding: 24px;background-color: #fff;box-shadow: 0 20px 30px rgba(201, 201, 201, .5);}

.list-mall a:hover {box-shadow: 0 20px 30px rgba(255, 173, 13, .3);}

.list-mall .middle-box {width: 100%;height: 244px;}

.list-mall .title {padding: 20px 0 15px;}

.list-mall .title h3 {font-size: 14px;line-height: 30px;color: #31363D;font-weight: bold;}

.list-mall .title span {display: block;font-size: 12px;line-height: 30px;color: #808080;}



/* 试卷 */

.paper .topic,

.paper .item {font-size: 16px;line-height: 28px;font-weight: bolder;word-wrap:break-word}

.paper .topic {padding: 16px 70px 0;color: #2B313D;}

.paper .topic span {color: #949FB7;font-size: 14px;font-weight: normal;}

.paper .item {padding: 16px 70px;border-bottom: 1px solid #D9DDE7;}

.paper .item .title {position: relative;padding-left: 30px;line-height: 40px;}

.paper .item .title.error {color: #f00;}

.paper .item .title.error:before {content: '';position: absolute;left: -24px;top: 10px;width: 20px;height: 20px;background: url(../images/icons/wrong.png) no-repeat;background-size: cover;}

.paper .item .title i {position: absolute;top: 0;left: 0;font-style: normal;}

.paper .item .title label.error {margin-bottom: 0;margin-left: 5px;font-size: 15px;}

.paper .item .content {padding: 0 30px}

.paper .item .content label.error {position: relative;top: -20px;}

.paper .item .check {padding: 3px 0}

.paper .item .form-control {height: 44px;margin: 20px 0;font-weight: normal;}

.paper .check input {position: absolute;visibility: hidden;display: inline-block;float: left;width: 0;height: 0;}



/* 听写 */

.deacom-box {position: relative;float: left;min-width: 211px;height: 40px;background: #009AFF url(../images/icons/horn.png) left 10px center / auto 50% no-repeat;border-radius: 4px;cursor: pointer;}

.deacom-box:before {content: '';display: block;position: absolute;top: 14px;left: -8px;width: 0;height: 0;border-top: 8px solid transparent;border-right: 12px solid #009AFF;border-bottom: 8px solid transparent;}



/* 测试结果 */

.results-test .middle-inner {text-align: left;}

.results-test .content {min-height: 200px;padding-left: 259px;background: url(../images/kite.png) left center no-repeat;}

.results-test .content .title {margin-bottom: 20px;color: #596172;text-align: left;}

.results-test .content .text {margin-bottom: 30px;font-size: 14px;line-height: 30px;color: #666;}

.results-test .content strong {font-family: 'DIN-Medium';padding: 0 5px;font-size: 24px;line-height: 30px;color: #FF8C32;font-weight: normal;}



/* 限时计量赛 */

.metering {position: relative;min-height: 400px;padding-left: 418px;background: url(../images/bg_games.png) left 35px center / 300px auto no-repeat;}

.metering .statistics {position: absolute;top: 16px;left: 35px;font-size: 16px;line-height: 44px;}

.metering .statistics strong {display: inline-block;font-family: 'DIN-Medium';font-size: 36px;font-weight: normal;color: #FF5252;}

.metering .list-metering a,

.metering .list-metering input {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;height: 70px;margin-bottom: 30px;padding: 0 5px;text-align: center;font-size: 22px;line-height: 70px;color: #FF8C32;border: 1px solid #D9DDE7;border-radius: 8px;}

.metering .list-metering a:hover,

.metering .list-metering input:hover {border-color: #FF8C32;box-shadow: 0 0 10px rgba(255, 140, 50, .3);}

.metering .list-metering input {display: none;}

/* 显示计量赛列表 */
.list-metering .tabfocus {position: relative;}
.list-metering .iconiconyinliang {display: none;position: absolute;top: 0;left: 20px;font-size: 24px;line-height: 70px;color: #FF8C32;cursor: pointer;}


/* 限时计量赛结果 */

.results-metering .statistics {width: 230px;}

.results-metering .fr {width: 310px;margin-top: 8px;}

.results-metering p strong {font-family: 'DIN-Medium';font-size: 36px;line-height: 44px;color: #FF9746;font-weight: normal;}



/* 引导开始页面 */

.guide-begin .fl,

.guide-begin .fr {height: 70px}

.guide-begin .middle-box {height: 100%;}

.guide-begin p {margin-bottom: 0}

.guide-begin .fl .middle-inner {text-align: left;}

.guide-begin .fr .middle-inner {text-align: right;}

.guide-begin .title h3 {position: relative;padding-left: 17px;font-size: 16px;line-height: 34px;}

.guide-begin .title h3:before {content: '';position: absolute;top: 14px;left: 0;width: 10px; height: 10px;background-color: #596172;border-radius: 50%;}

.guide-begin .title strong {margin: 0 5px;font-size: 24px;line-height: 34px;color: #FF8C32;font-weight: normal;}

.guide-begin .title p {margin-top: 10px;font-size: 12px;line-height: 20px;color: #949FB7;}

.guide-begin .inline {padding: 0 20px}

.guide-begin .inline .font-big {display: block;font-size: 64px;line-height: 70px;}

.guide-begin .inline p {font-size: 16px}



/* 单词学习 */

.word-study {position: relative;}

.word-study .time-cost {position: absolute;top: 10px;right: 15px;z-index: 2;font-size: 16px;line-height: 24px;color: #949FB7;}

.word-study .time-cost .iconfont {display: inline-block;margin-right: 15px;}

.word-study .time-cost .iconring {color: #FF8C32;}

.word-study #timeCost {margin-left: 5px;}

.word-study .iconfont:hover {color: #FF8C32;cursor: pointer;}

.word-study .content {position: relative;padding: 48px 80px 30px;}

/* .word-study .content .overflow {max-height: 254px;} */

.word-study .content ul {position: relative;}

.word-study .content li {float: left;width: 50%;}

.word-study .word-info strong {display: inline-block;margin-bottom: 13px;font-size: 58px;line-height: 58px;color: #FF8C32;font-weight: normal;}

.word-study .word-info strong i {font-size: 30px;color: #FF9F00;}

.word-study .word-info span {position: relative;display: inline-block;margin-left: 15px;font-size: 16px;line-height: 22px;}

.word-study .word-info .spell {padding: 0 8px;background: rgba(249,249,249,1);border-radius:4px;border:1px solid rgba(151,151,151,0.45);}

.word-study .error-correction {position: relative;cursor: pointer;}

/* 纠错 */

.correction-content {width: 201px;padding: 15px;background-color: #fff;}

.correction-content .title {margin-bottom: 5px;}

.correction-content .check {float: left;margin-right: 15px;color: ##949FB7;font-size: 13px}

.correction-content .check:nth-child(even) {margin-right: 0;}

.correction-content textarea {width: 100%;padding: 5px;border: 1px solid #949FB7;border-radius: 6px;}

.correction-content button {padding: 0 10px;font-size: 12px;line-height: 20px;border: 1px solid #D9DDE7;border-radius: 4px;}

.correction-content button:hover {color: #fff;background-color: #FF8C32;border-color: #FF8C32;}



.word-study .phonetic-symbol:before {content: '';}

.word-study .phonetic-symbol:after {content: '';}

.word-info .iconfont {padding: 0 5px;color: #505F7D;font-size: 18px}

.word-study .word-explanation {min-height: 146px;font-size: 21px}

.word-study .word-explanation .middle-box {width: 100%;height: 146px;}

.word-study .word-explanation .middle-inner {text-align: left;font-size: 21px}

.word-study .word-explanation img {max-width: 80px;max-height: 80px;}

.word-study .word-operating {font-size: 0}

.word-study .word-operating .btn {margin-right: 40px;}

.word-study .word-operating .btn-default {padding: 6px;border: none}

.word-study .word-operating .btn-default:hover {background: none;}

.word-study .word-operating .btn-nextword .iconfont {position: relative;left: 0;

	animation: myfirst .5s infinite alternate;

    -webkit-animation: myfirst .5s infinite alternate;

}

@keyframes myfirst

{

    from {left: 0;}

    to {left: 10px;}

}

.word-study .word-next {display: none;position: absolute;top: 50%;right: 45px;width: 75px;height: 75px;margin-top: -37px;background: url(../images/icons/next2.png) right center / auto no-repeat;cursor: pointer;}

.word-study .word-next:hover {background-position-x: left;}

.word-study .schedule .fr span {padding: 0 15px;font-size: 14px;line-height: 40px;}

.word-study .schedule .fr strong {color: #FF8C32}

.word-study .progress {height: 6px;margin-bottom: 0;background-color: #D8D8D8;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}

.word-study .progress span {display: block;height: 100%;background-color: #FF8C32;border-radius:0px 2px 2px 0px;}



/* 退出统计 */

.word-study .statistics {padding: 0 120px;}

.word-study .statistics .show_study_end {padding: 20px 0;font-size: 14px;color: #949FB7;}

.word-study .statistics .show_study_end strong {padding: 0 25px 0 10px;font-family: 'DIN-Medium';font-weight: normal;font-size: 28px;line-height: 32px;color: #FFB300;background: url(../images/icons/nk.png) right bottom no-repeat;}



.word-study .statistics .tips {padding: 20px 0;font-size: 14px;color: #949FB7;}

.word-study .statistics .tips strong {padding: 0 25px 0 10px;font-family: 'DIN-Medium';font-weight: normal;font-size: 28px;line-height: 32px;color: #FFB300;background: url(../images/icons/nk.png) right bottom no-repeat;}

.word-study .evenkill {position: absolute;top: 70px;right: 15px;width: auto!important;font-size: 16px;line-height: 22px;color: #38BC4F;}

.word-study .evenkill li {position: relative;margin: 4px 0;}

.word-study .evenkill li:before {content: '';position: absolute;top: 7px;left: -17px;width: 9px;height: 9px;background-color: #38BC4F;border-radius: 50%;}

.word-study .evenkill li:nth-child(2) {color: #5372E3;}

.word-study .evenkill li:nth-child(2):before {background-color: #5372E3;}



/* 单词听写 */

 .word-info {height:100px}

.word-dictate .word-info strong,

.word-dictate .word-info strong i,

.word-dictate .word-info span {float: left;font-size: 40px;line-height: 40px;}

.word-dictate .word-info .btn-show-meaning {margin: 6px 20px;padding: 0 11px;font-size: 14px;line-height: 28px;color: #fff;background-color: #FF9F00;border-radius:4px;cursor: pointer;}

.word-dictate .word-info .meaning {display: none;font-size: 24px;}

.word-dictate .word-input {margin-top: 40px;}

.word-dictate .word-input input {width: 400px;height: 48px;padding: 7px 46px 7px 18px;font-size: 24px;line-height: 34px;border: 1px solid #D9DDE7;border-radius: 4px;background-repeat: no-repeat;background-position: right 7px center;background-size: 24px;}

.word-dictate .word-input input:focus {border-color: #f00;}

.word-dictate .word-input input.correct {background-image: url(../images/icons/correct.png);}

.word-dictate .word-input input.error {background-image: url(../images/icons/error.png);}

.word-dictate .word-input button {margin-left: 24px;padding: 0 34px;font-size: 16px;line-height: 46px;color: #fff;border: 1px solid #FF9F00;border-radius: 4px;background-color: #FF9F00}

.word-dictate .word-input button:hover {background-color: rgba(255, 159, 0, .8)}

.word-dictate .word-input .answer {height: 54px;padding: 10px 18px;font-size: 24px;line-height: 34px;color: #38BC5A;}

.word-dictate .word-input .tips {font-size: 14px;line-height: 20px;color: #FF5252;}

.word-dictate .word-next {display: none;}



/* 听读训练 */

.word-read .read-btn span {float: left;width: auto;margin-right: 60px;}

.word-read .read-btn i {font-size: 30px;color: #949FB7;}

.word-read .word-info span {font-size: 32px;color: #16B081;}

.word-read .word-operating .btn-default {padding: 3px 32px;border: 1px solid #D9DDE7;}

.word-read .word-operating .btn-default:focus,

.word-read .word-operating .btn-default:active {background: none;}

.word-read .word-operating div {position: relative;}

.word-read .word-operating span {display: none;position: absolute;top: 40px;left: 0;width: 500px;font-size: 12px;line-height: 24px;color: #949FB7;}

.word-read .word-operating div:first-child span {width: 500px;max-height: 48px;white-space: normal;font-size: 16px;color: #596172;overflow: hidden;}



/* 单词学习-结果 */

.word-result {padding: 60px}

.word-result .icon {margin-bottom: 40px;}

.word-result p {font-size:20px;line-height:28px;color: #F26A6A;}



/* 单词基础 */

.word-basis-menu {min-height: 500px;background: url(../images/bg3.png) left 40px bottom no-repeat;}

.word-basis-menu .content {float: right;position: relative;width: 485px;height: 393px;margin-right: 40px;background: url(../images/balloonmenu.png) no-repeat;background-size: cover;}

.word-basis-menu .content a {display: block;position: absolute;font-size: 16px;line-height: 22px;color: #fff;}

.word-basis-menu .content a:hover {color: #FF8C32;}

.word-basis-menu .content a:nth-child(1) {left: 2.6%;top: 29.15%;width: 17.97%;height: 12.52%;}

.word-basis-menu .content a:nth-child(2) {left: 24.34%;top: 9.66%;width: 18.26%;height: 14.66%;}

.word-basis-menu .content a:nth-child(3) {left: 58.55%;top: 9.66%;width: 17.82%;height: 14.66%;}

.word-basis-menu .content a:nth-child(4) {left: 80%;top: 32.91%;width: 16.08%;height: 14.31%;}

.word-basis-menu .content a:nth-child(5) {left: 42.6%;top: 50.08%;width: 19.85%;height: 12.88%;}

.word-basis-menu .middle-box {height: 100%;}



/* 单词搜索 */

.result-word {width: 500px;max-height: 340px;margin: 20px auto;padding-right: 5px;overflow-y: auto;}

.list-word li {position: relative;margin-bottom: 5px;padding: 5px 120px 0 10px}

.list-word li:before {content: '';display: block;position: absolute;top: 24px;left: 0;width: 4px;height: 4px;background-color: #FF8C32;border-radius: 50%}

.list-word li strong {float: left;margin-right: 20px;padding: 0;font-size: 24px;line-height: 38px;color: #FF8C32;font-weight: normal;word-break:break-all;}

.list-word li span {float: left;font-size: 16px;line-height: 38px;color: #949FB7;}

.list-word li button {position: absolute;top: 8px;right: 0;font-size: 14px;line-height: 24px;}

.list-word li button[disabled],

.list-word li button[disabled]:hover {background-color: #ccc;border-color: #ccc;}



/* 错题集 */

.list-mistakes form {max-width: 528px;margin: 0 auto}

.list-mistakes .title {margin-bottom: 20px;font-size: 20px;line-height: 30px;color: #F26A6A;}

.list-mistakes .title-small {margin-bottom: 20px;font-size: 18px;line-height: 30px;color: #F26A6A;text-align: left;}

.list-mistakes .title-small span {font-size: 14px;line-height: 30px;color: #949FB7;}

.list-mistakes .check {display: block;position: relative;margin-right: 0;padding: 10px 16px 10px 50px;font-size: 14px;line-height: 30px;color: #1F2552;border-bottom: 1px solid rgba(71, 71, 71, .2)}

.list-mistakes .check i {position: absolute;top: 16px;left: 16px;margin: 0;}

.list-mistakes .check span {float: left;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/**

 * ***** footer *****

 */



/**

 * ***** layer *****

 */

.layui-layer .layui-layer-btn a {height: auto;font-size: 14px}

.layui-layer .layui-layer-btn a:hover {color: #fff;background-color: #FF9F00;}

.layui-layer .layui-layer-btn .layui-layer-btn0 {color: #FF8C32;background-color: #fef8ed;border-color: #FF9F00;}

.layui-layer .layui-layer-title {color: #fff;background: linear-gradient(90deg,rgba(253,93,120,1) 0%,rgba(252,166,84,1) 44%,rgba(254,163,77,1) 100%);}

.layui-layer-dialog .layui-layer-content {text-align: center;}

.layui-layer.layui-layer-custom-msg {min-width: 100px;background-color: #000;filter: alpha(opacity=60);background-color: rgba(0,0,0,.6);}

.layui-layer.layui-layer-custom-msg .layui-layer-content {padding: 12px 25px;text-align: center;color: #fff;}



/* layer 捕获页 */

.layer-content {display: none;}

.layer-content .title {margin-bottom: 30px;text-align: center;font-size: 24px;line-height: 32px;color: #2B313D;}

.layer-content #btnCloseLayer {position: absolute;top: 0;right: 0;width: 40px;height: 40px;text-align: center;;}

.layer-content #btnCloseLayer:hover .iconfont {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

/* form */

.layer-form form {padding: 20px 20px 10px}

.layer-form .form-group {margin-top: 15px;margin-bottom: 0;}

.layer-form .form-group:first-child {margin-top: 0;}



/* tips */

.layui-layer-tips.layui-layer-custom {z-index: 9!important;}

.layui-layer-tips.layui-layer-custom .layui-layer-content {background-color: #fff;color: inherit;box-shadow:0px 10px 32px 0px rgba(10,31,68,.07);border-radius:4px;}

.layui-layer-tips.layui-layer-custom i.layui-layer-TipsB,

.layui-layer-tips.layui-layer-custom i.layui-layer-TipsT {z-index: -1;border-right-color: rgba(0,0,0,.1)}



.layui-layer-content strong {padding: 0 10px;font-size: 24px;line-height: 40px;color: #FF8C32;}



.niceScroll-bar {z-index: 99999999!important;}



/* 媒体查询 */

@media (min-width: 1920px) {

	.container {width: 1600px;}

}

@media (min-width: 1600px) {

	body {font-size: 15px;}

	.container {width: 1400px;}

}

@media (min-width: 1400px){

	.container {

		width: 1368px;

	}

}



@media (max-width: 1200px) {

	.table>thead>tr>th,

	.table>tbody>tr>td {font-size: 14px}

}



/* 限制主容器的最小宽度 */

.container {min-width: 1000px}